<script type="text/javascript" src="${basePath}/js/tds-sstatus.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	sstatus.list();
	$('#poolsForm').ajaxpager({
		target : '#poolList'
	});
	})

</script>

<div class="row main_right_content">
	<table class="table table-striped table-hover">
		<thead>
			<tr>
				<th width="15%" scope="col"><@spring.message code='storage.attachedpools'/></th>
				<th width="15%" scope="col"><@spring.message code='storage.capacitytotal'/></th>
				<th width="15%" scope="col"><@spring.message code='storage.hotcapacity'/></th>
				<th width="15%" scope="col"><@spring.message code='storage.attachedused'/></th>
				<th width="15%" scope="col"><@spring.message code='storage.attachedavailable'/></th>
				<!--<th width="15%" scope="col"><@spring.message code='storage.attachedinavailable'/></th>-->
				<th width="15%" scope="col"><@spring.message code='storage.percentusedcapacity'/></th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td><span style="color: black;">${attached_pools}</span></td>
				<td><span style="color: black;">${capacity_total}</span></td>
				<td><span style="color: black;">${capacity_hot}</span></td>
				<td><span style="color: black;">${capacity_used}</span></td>
				<td><span style="color: black;">${capacity_available}</span></td>
				<!--<td><span style="color: black;">${capacity_inavailable}</span></td>-->
				<td><span style="color: black;">${percent_used_capacity}</span></td>
			</tr>
		</tbody>
	</table>
	<form id="poolsForm" action="${basePath}/cluster/pool/poolList" method="post">
		<div id="poolList"></div>
	</form>
</div>